//Created by Timothy Cheung

Ext.define('MajorProjectSenchaTouch.view.DetailsViewModule.DetailsView', {
    extend: 'Ext.Container',
    xtype: 'detailsview',
    requires:[
    'Ext.SegmentedButton',
    'MajorProjectSenchaTouch.view.DetailsViewModule.DetailsViewPanel'
    ],
 
    config: {
        cls: 'mainBackgroundColor',
        layout:{
            fullscreen: true,
            type:'fit',
            scrollable: true
        },
        items:[
        {
            xtype: 'toolbar',
            ui: 'light',
            docked: 'top',
            layout: {
                pack: 'center'
            },
            items:[
            {
                xtype:'segmentedbutton',
                ui: 'light',
                allowDepress: false,
                layout: {
                    pack: 'center'
                },
                items: [
                {
                    text: '    Main    ',
                    pressed: true,
                    action: 'detailsTab'
                },
                {
                    text: 'Availability',
                    action: 'availTab'            
                }
                ]
            },
            ]
        },
        {
            xtype: 'detailsViewPanel'
        }
        
        ]
    }
});
